Guards Pencocokan Pola JavaScript: Evaluasi Ekspresi Kondisional

JavaScript, meskipun secara tradisional tidak dikenal dengan pencocokan pola seperti beberapa bahasa fungsional, telah berkembang untuk menggabungkan logika kondisional yang lebih canggih. Salah satu fitur canggih yang meningkatkan evaluasi ekspresi kondisional adalah penggunaan guards pencocokan pola. Artikel ini membahas bagaimana Anda dapat memanfaatkan guards pencocokan pola untuk membuat kode yang lebih mudah dibaca, dipelihara, dan ekspresif.

Apa itu Guards Pencocokan Pola?

Pencocokan pola, secara umum, adalah teknik di mana Anda membandingkan suatu nilai dengan serangkaian pola. Guards memperluas konsep ini dengan memungkinkan Anda menambahkan ekspresi kondisional ke pola Anda. Anggap saja sebagai filter tambahan yang harus dipenuhi agar sebuah pola dianggap cocok. Di JavaScript, guards pencocokan pola sering muncul dalam pernyataan switch atau melalui pustaka yang menyediakan kemampuan pencocokan pola yang lebih canggih.

Meskipun JavaScript tidak memiliki konstruksi pencocokan pola bawaan dengan guards seanggun bahasa seperti Scala atau Haskell, kita dapat mensimulasikan perilaku ini menggunakan pernyataan switch, rantai if-else, dan komposisi fungsi yang strategis.

Mensimulasikan Pencocokan Pola dengan Guards di JavaScript

Mari kita jelajahi bagaimana kita dapat mensimulasikan guards pencocokan pola di JavaScript menggunakan pendekatan yang berbeda.

Menggunakan Pernyataan Switch

Pernyataan switch adalah cara umum untuk mengimplementasikan logika kondisional berdasarkan pencocokan nilai. Meskipun tidak memiliki sintaks guard langsung, kita dapat menggabungkannya dengan pernyataan if tambahan di dalam setiap case untuk mencapai efek yang serupa.

Contoh: Mengkategorikan angka berdasarkan nilai dan paritasnya.

            
function categorizeNumber(number) {
  switch (typeof number) {
    case 'number':
      if (number > 0 && number % 2 === 0) {
        return 'Positive Even Number';
      } else if (number > 0 && number % 2 !== 0) {
        return 'Positive Odd Number';
      } else if (number < 0 && number % 2 === 0) {
        return 'Negative Even Number';
      } else if (number < 0 && number % 2 !== 0) {
        return 'Negative Odd Number';
      } else {
        return 'Zero';
      }
    default:
      return 'Invalid Input: Not a Number';
  }
}

console.log(categorizeNumber(4));   // Output: Positive Even Number
console.log(categorizeNumber(7));   // Output: Positive Odd Number
console.log(categorizeNumber(-2));  // Output: Negative Even Number
console.log(categorizeNumber(-5));  // Output: Negative Odd Number
console.log(categorizeNumber(0));   // Output: Zero
console.log(categorizeNumber('abc')); // Output: Invalid Input: Not a Number

            

              
                Copy
              
            
          

Dalam contoh ini, pernyataan switch memeriksa tipe dari input. Di dalam blok case 'number', serangkaian pernyataan if bertindak sebagai guards, yang lebih lanjut menyempurnakan kondisi berdasarkan nilai angka dan apakah angka tersebut genap atau ganjil.

Menggunakan Rantai If-Else

Pendekatan umum lainnya adalah dengan menggunakan rantai pernyataan if-else if-else. Ini memungkinkan logika kondisional yang lebih kompleks dan dapat secara efektif mensimulasikan pencocokan pola dengan guards.

Contoh: Memproses input pengguna berdasarkan tipe dan panjangnya.

            
function processInput(input) {
  if (typeof input === 'string' && input.length > 10) {
    return 'Long String: ' + input.toUpperCase();
  } else if (typeof input === 'string' && input.length > 0) {
    return 'Short String: ' + input;
  } else if (typeof input === 'number' && input > 100) {
    return 'Large Number: ' + input;
  } else if (typeof input === 'number' && input >= 0) {
    return 'Small Number: ' + input;
  } else {
    return 'Invalid Input';
  }
}

console.log(processInput('Hello World')); // Output: Long String: HELLO WORLD
console.log(processInput('Hello'));       // Output: Short String: Hello
console.log(processInput(200));           // Output: Large Number: 200
console.log(processInput(50));            // Output: Small Number: 50
console.log(processInput(-1));            // Output: Invalid Input

            

              
                Copy
              
            
          

Di sini, rantai if-else if-else memeriksa baik tipe maupun panjang/nilai dari input, yang secara efektif bertindak sebagai pencocokan pola dengan guards. Setiap kondisi if menggabungkan pemeriksaan tipe dengan kondisi spesifik (misalnya, input.length > 10), yang menyempurnakan proses pencocokan.

Menggunakan Fungsi sebagai Guards

Untuk skenario yang lebih kompleks, Anda dapat mendefinisikan fungsi yang bertindak sebagai guards dan kemudian menggunakannya dalam logika kondisional Anda. Hal ini meningkatkan penggunaan kembali dan keterbacaan kode.

Contoh: Memvalidasi objek pengguna berdasarkan beberapa kriteria.

            
function isAdult(user) {
  return user.age >= 18;
}

function isValidEmail(user) {
  return user.email && user.email.includes('@');
}

function validateUser(user) {
  if (typeof user === 'object' && user !== null) {
    if (isAdult(user) && isValidEmail(user)) {
      return 'Valid Adult User';
    } else if (isAdult(user)) {
      return 'Valid Adult User (No Email)';
    } else {
      return 'Invalid User: Underage';
    }
  } else {
    return 'Invalid Input: Not an Object';
  }
}

const user1 = { age: 25, email: 'test@example.com' };
const user2 = { age: 16, email: 'test@example.com' };
const user3 = { age: 30 };

console.log(validateUser(user1)); // Output: Valid Adult User
console.log(validateUser(user2)); // Output: Invalid User: Underage
console.log(validateUser(user3)); // Output: Valid Adult User (No Email)
console.log(validateUser('abc')); // Output: Invalid Input: Not an Object

            

              
                Copy
              
            
          

Dalam contoh ini, isAdult dan isValidEmail bertindak sebagai fungsi guard. Fungsi validateUser memeriksa apakah input adalah sebuah objek dan kemudian menggunakan fungsi-fungsi guard ini untuk lebih menyempurnakan proses validasi.

Manfaat Menggunakan Guards Pencocokan Pola

• Keterbacaan Kode yang Lebih Baik: Guards membuat logika kondisional Anda lebih eksplisit dan lebih mudah dipahami.
• Pemeliharaan Kode yang Ditingkatkan: Dengan memisahkan kondisi ke dalam guards yang berbeda, Anda dapat memodifikasi dan mengujinya secara independen.
• Ekspresivitas Kode yang Meningkat: Guards memungkinkan Anda untuk mengekspresikan logika kondisional yang kompleks dengan cara yang lebih ringkas dan deklaratif.
• Penanganan Kesalahan yang Lebih Baik: Guards dapat membantu Anda mengidentifikasi dan menangani berbagai kasus dengan lebih efektif, menghasilkan kode yang lebih tangguh.

Kasus Penggunaan untuk Guards Pencocokan Pola

Guards pencocokan pola berguna dalam berbagai skenario, termasuk:

• Validasi Data: Memvalidasi input pengguna, respons API, atau data dari sumber eksternal.
• Penanganan Rute: Menentukan rute mana yang akan dieksekusi berdasarkan parameter permintaan.
• Manajemen State: Mengelola state dari sebuah komponen atau aplikasi berdasarkan berbagai event dan kondisi.
• Pengembangan Game: Menangani state game atau tindakan pemain yang berbeda berdasarkan kondisi tertentu.
• Aplikasi Keuangan: Menghitung suku bunga berdasarkan jenis akun dan saldo yang berbeda. Sebagai contoh, sebuah bank di Swiss mungkin menggunakan guards untuk menerapkan suku bunga yang berbeda berdasarkan ambang batas saldo akun dan jenis mata uang.
• Platform E-commerce: Menerapkan diskon berdasarkan loyalitas pelanggan, riwayat pembelian, dan kode promosi. Seorang pengecer di Jepang mungkin menawarkan diskon khusus kepada pelanggan yang telah melakukan pembelian di atas jumlah tertentu dalam setahun terakhir.
• Logistik dan Rantai Pasokan: Mengoptimalkan rute pengiriman berdasarkan jarak, kondisi lalu lintas, dan jendela waktu pengiriman. Sebuah perusahaan di Jerman dapat menggunakan guards untuk memprioritaskan pengiriman ke area dengan kemacetan lalu lintas yang tinggi.
• Aplikasi Kesehatan: Melakukan triase pasien berdasarkan gejala, riwayat medis, dan faktor risiko. Sebuah rumah sakit di Kanada mungkin menggunakan guards untuk memprioritaskan pasien dengan gejala parah untuk perawatan segera.
• Platform Pendidikan: Memberikan pengalaman belajar yang dipersonalisasi berdasarkan kinerja siswa, gaya belajar, dan preferensi. Sebuah sekolah di Finlandia dapat menggunakan guards untuk menyesuaikan tingkat kesulitan tugas berdasarkan kemajuan siswa.

Pustaka untuk Pencocokan Pola yang Ditingkatkan

Meskipun fitur bawaan JavaScript terbatas, beberapa pustaka meningkatkan kemampuan pencocokan pola dan menyediakan mekanisme guard yang lebih canggih. Beberapa pustaka yang terkenal meliputi:

• ts-pattern: Pustaka pencocokan pola yang komprehensif untuk TypeScript dan JavaScript, menawarkan dukungan guard yang kuat dan keamanan tipe.
• jswitch: Pustaka ringan yang menyediakan pernyataan switch yang lebih ekspresif dengan fungsionalitas guard.

Contoh menggunakan ts-pattern (memerlukan TypeScript):

            
import { match, P } from 'ts-pattern';

interface User {
  age: number;
  email?: string;
  country: string;
}

const user: User = { age: 25, email: 'test@example.com', country: 'USA' };

const result = match(user)
  .with({ age: P.gt(18), email: P.string }, (u) => `Pengguna dewasa dengan email dari ${u.country}`)
  .with({ age: P.gt(18) }, (u) => `Pengguna dewasa dari ${u.country}`)
  .with({ age: P.lt(18) }, (u) => `Pengguna di bawah umur dari ${u.country}`)
  .otherwise(() => 'Pengguna tidak valid');

console.log(result); // Output: Pengguna dewasa dengan email dari USA

            

              
                Copy
              
            
          

Contoh ini menunjukkan bagaimana ts-pattern memungkinkan Anda untuk mendefinisikan pola dengan guards menggunakan objek P, yang menyediakan berbagai predikat pencocokan seperti P.gt (lebih besar dari) dan P.string (adalah string). Pustaka ini juga menyediakan keamanan tipe, memastikan bahwa pola Anda diketik dengan benar.

Praktik Terbaik untuk Menggunakan Guards Pencocokan Pola

• Jaga Agar Guards Tetap Sederhana: Ekspresi guard yang kompleks dapat membuat kode Anda lebih sulit dipahami. Pecah kondisi kompleks menjadi guards yang lebih kecil dan lebih mudah dikelola.
• Gunakan Nama Guard yang Deskriptif: Berikan nama yang deskriptif pada fungsi atau variabel guard Anda yang dengan jelas menunjukkan tujuannya.
• Dokumentasikan Guard Anda: Tambahkan komentar untuk menjelaskan tujuan dan perilaku guard Anda, terutama jika kompleks.
• Uji Guard Anda Secara Menyeluruh: Pastikan guard Anda berfungsi dengan benar dengan menulis tes unit yang komprehensif yang mencakup semua skenario yang mungkin.
• Pertimbangkan Menggunakan Pustaka: Jika Anda memerlukan kemampuan pencocokan pola yang lebih canggih, pertimbangkan untuk menggunakan pustaka seperti ts-pattern atau jswitch.
• Seimbangkan Kompleksitas: Jangan terlalu mempersulit kode Anda dengan guards yang tidak perlu. Gunakan secara bijaksana untuk meningkatkan keterbacaan dan pemeliharaan.
• Pertimbangkan Kinerja: Meskipun guards umumnya tidak menimbulkan overhead kinerja yang signifikan, perhatikan ekspresi guard yang kompleks yang dapat memengaruhi kinerja di bagian penting kode Anda.

Kesimpulan

Guards pencocokan pola adalah teknik yang kuat untuk meningkatkan evaluasi ekspresi kondisional di JavaScript. Meskipun fitur bawaan JavaScript terbatas, Anda dapat mensimulasikan perilaku ini menggunakan pernyataan switch, rantai if-else, dan fungsi sebagai guards. Dengan mengikuti praktik terbaik dan mempertimbangkan penggunaan pustaka seperti ts-pattern, Anda dapat memanfaatkan guards pencocokan pola untuk membuat kode yang lebih mudah dibaca, dipelihara, dan ekspresif. Terapkan teknik-teknik ini untuk menulis aplikasi JavaScript yang lebih tangguh dan elegan yang dapat menangani berbagai skenario dengan kejelasan dan presisi.

Seiring JavaScript terus berkembang, kita dapat mengharapkan untuk melihat lebih banyak dukungan asli untuk pencocokan pola dan guards, membuat teknik ini menjadi lebih mudah diakses dan kuat bagi para pengembang di seluruh dunia. Jelajahi kemungkinannya dan mulailah memasukkan guards pencocokan pola ke dalam proyek JavaScript Anda hari ini!